<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="format-detection" content="telephone=no">
        <title>同游详情 看过的人</title>
        <link rel="stylesheet" href="css/frozen.css">
        <link rel="stylesheet" href="css/style.css">
        <script src="js/zepto.min.js"></script>
        <script src="js/frozen.js"></script>
        <script src="js/jquery-1.9.1.min.js"></script>
        <script src="js/global.js"></script>
        <script src="js/jquery.jsonp.js"></script>
        <script type="text/javascript" src="cordova.js"></script>
        <script src="plugins/callActivity.js"></script>
        <script src="js/biz/usercenter/xianlu_zhaorentongyou_detail.js"></script>
    </head>    <body ontouchstart="">
        <header class="ui-header ui-header-positive ui-border-b">
            <i class="ui-icon-return" onclick="history.back()"></i>
            <h1>同游详情</h1>
            <i class="ui-icons-more" id="m_add"></i>
        </header>
        <!-- 下拉 -->
        <div class="w_cebiaoti">
            <div class="w_bga">
                <ul>
                    <li class="w_shac" onclick="" id="boot"><a href="javascript:void(0)"><img src="img/shoucang.png"><i class="log-sc">收藏</i></a></li>
                    <li class="w_fxx"><a><img src="img/fenxiang.png"><i>分享</i></a></li>
                    <li><a href="jubao.html"id="jubao"><img src="img/jubao.png"><i>举报</i></a></li>
                    <li class="w_none"><b><img src="img/m_top.png"></b></li>
                </ul>           
            </div>
        </div> 
        <div class="w_cs">
        	<div id="divbox" class="w_ysha">已收藏</div> 
        </div>
        <div class="w_fxaa">
        	<div class="w_fengx"></div>
        	<div class="w_fxbox">
            	<a href="#"><img src="img/qq.png"></a>
                <a href="#"><img src="img/weixin.png"></a>
                <a href="#"><img src="img/weibo.png"></a>
                <a href="#"><img src="img/pengyou.png"></a>
            </div>
        </div>
        <script type="text/javascript"></script>
        <script type="text/javascript">
            //下拉
            $("#m_add").click(function(){
                $(".w_cebiaoti").slideToggle();
            });
			//消失
			function codefans(){
			var box=document.getElementById("divbox");
			box.style.display="none";
			}
			setTimeout("codefans()",3000);//3秒
			Zepto(".w_cs").tap(function(){
                Zepto(".w_ysha").hide();
            });
			//收藏显示
//			Zepto(".w_shac").tap(function(){
//                Zepto(".w_ysha").show();
//            });
//			Zepto(".w_shac").tap(function(){
//                Zepto(".w_shac").hide();
//            });
			//分享
			Zepto(".w_fxx").tap(function(){
                //Zepto(".w_fxaa").show();
                shareUmeng("走青海","http://qzonestyle.gtimg.cn/qzone_v6/proj_connect_open/img/logo/logo_yinyuetai.png");
            });
			//Zepto(".w_fengx").tap(function(){
                //Zepto(".w_fxaa").hide();
            //});
        </script> 
        <section class="ui-container mb50">
            <div class="ui-user-follow ui-border-b clearfix">
                <div class="ui-user-follow-info clearfix">
                    <div class="ui-user-avatar">
                        <img src="" width="55" height="55" alt=""id="photo">
                    </div>
                    <div class="ui-user-intro">
                        <p><span id="nickName"></span><span class=""id="sex"><i id="sexicon"class=""></i><span id="age"></span></span></p>
                        <p>魅力值 : <span class="ui-txt-red"id="charisma"></span></p>
                    </div>
                </div>
                <div class="ui-user-follow-button text-align-right">
                    <a href="javascript:void(0); "class="edit" style=" color:#00a5e0; border:1px solid #00a5e0;display:none;">+关注</a>
                    <!--点击关注-->

                    <!--<script language="javascript">-->
						<!--$(function(){-->
							<!--$(".edit").bind("click",function(){-->
								<!--var _txt=$(this).text();-->
								<!--if(_txt=="+关注"){-->
									<!--$(this).addClass("btn").text("已关注").css({'color':'#c5c5c5',width:'60px',height:'30px','padding':'0', 'border':'1px solid #c5c5c5'});-->
						<!---->
								<!--}-->
								<!--if(_txt=="已关注"){-->
								   <!--$(this).removeClass("btn").text("+关注");-->
								   <!--$(this).css({color:'#00a5e0', 'border':'1px solid #00a5e0'})-->
								<!--}-->
							   <!---->
								<!---->
							<!--})-->
						<!--})-->
					<!--</script>-->
                </div>
            </div>
            <div class="ma_tab">
                <ul class="w_tab_title clearfix w_atb">
                    <li class="ma_active">详细行程</li>
                    <li><span id="looknumber"></span>人看过</li>
                    <li>评论<span id="commentSize"></span></li>
                    <li><span id="enterIds"></span>人已报名</li>
                </ul>
                <div class="ma_con01">
                        <ul class="item-list ui-border-bottom">
                        <li><i class="icons-item-start"></i>开始时间：<span id="startTime"></span></li>
                        <li><i class="icons-item-end"></i>结束时间：<span id="endTime"></span></li>
                        <li><i class="icons-item-with"></i>同游类型：<span id="wayType"></span></li>
                        <li><i class="icons-item-position"></i>出发地点：<span id="goAddress"></span></li>
                        <li><i class="icons-item-target"></i>目标景点：<span id="targetSpots"></span></li>
                        <li><i class="icons-item-way"></i>出行方式：<span id="rentType"></span></li>
                        <li><i class="icons-item-number"></i>同游人数：<span id="wayNumber"></span></li>
                        <li><i class="icons-item-contact"></i>联系方式：：<span id="contact"></span></li>
                        <li><i class="icons-item-score"></i>同游亮点：<span id="brightSpot"></span></li>
                    </ul>
                    <div class="ui-intro">
                        <h2>景点介绍</h2>
                        <p>
                            <span id="wayDesc"></span>
                        <img src="" alt=""id="photos">
                        </p>
                    </div>
                </div>
                <div class="ma_con02">
                    <ul class="order-list">


                    </ul>
                </div>
                <div class="ma_con03">
                	<ul class="comment-list">

                    </ul>
                </div>
                <div class="ma_con04">
                	<ul class="order-list order-list-grey">

                    </ul>
                    <!--同意-->
                    <script language="javascript">
						$(function(){
							$(".editc").bind("click",function(){
								var _txt=$(this).text();
								if(_txt=="同意"){
									$(this).addClass("btn").text("已同意").css({'color':'#c5c5c5',width:'60px',height:'30px','padding':'0', 'border':'1px solid #c5c5c5'});
						
								}
								if(_txt=="已同意"){
								   $(this).removeClass("btn").text("同意");
								   $(this).css({color:'#00a5e0', 'border':'1px solid #00a5e0'})
								}
							   
								
							})
						})
					</script>
                </div>
            </div>            
        </section>
        <div class="album-bottom-menu">
            <ul class=" clearfix"id="bottomul" style="display:none;">
                <li class="ui-border-r"><a href="javascript:jumptocomment()"><i class="album-bottom-menu-comment"></i>评论</a></li>
                <li class="ui-border-r"onclick="jumptoChating()"id="phone"><i class="album-bottom-menu-chat"></i>聊天</li>
                <li class="log-bm" onclick=""><a href="javascript:void(0)"><i class="album-bottom-menu-apply" ></i>报名</a></li>
            </ul>
        </div>
        <script>
        // tab
        $(function () {
           $('.w_tab_title li').click(function(){
                //获得当前被点击的元素索引值
                var Index = $(this).index();
                //给菜单添加选择样式
                $(this).addClass('ma_active').siblings().removeClass('ma_active');
                //显示对应的div
                $('.ma_tab').children('div').eq(Index).show().siblings('div').hide();
           
           });
        });
        </script>
    </body>
</html>
